<template>
    <div class="emp-box">
        <el-icon class="type-icon">
            <component :is="props.icon" />
        </el-icon>
        <div>{{props.name}}</div>
    </div>
</template>

<script setup name="Operate">
const props = defineProps({
    icon: { required: false, type: String, default: '' },
    name: { required: false, type: String, default: '' },
});
</script>
<style lang="scss" scoped>
.emp-box {
  width: 100%;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed #ccc;
  position: relative;
  .type-icon{
    font-size: 24px;
  }
}
</style>
